.child{
    background: #fff;
}
#tag{
    background: #FFBF2D;
    display: none;
    width: 30%;
    position: fixed;
    z-index: 100;
    right: 0;
    top: 6vh;
    padding: 1vw 1vw;
}
#tag div{
    position: relative;
    left: 63%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid rgb(255,255,255,0.8);
    font-size: 0;
    line-height: 0;
    margin-bottom: -1vw;
}
#tag p{
    overflow-y:scroll;
    position: relative;
    margin: 0;
    background:rgb(255,255,255,0.8);
    height: 20vh;
    border-radius: 8px;
    text-align: center;
    padding: 3vh 0;
}
#tag p li{
    margin:1vw auto;
    list-style: none;
    width: 100%;
    font-size: 6vw;
    border-bottom: 1px solid #737068;
}
.child_first{
    margin: 0 auto;
    padding: 4vh 5vw;
    text-align:center;
    height: 40vh;
    overflow: hidden;
}
.child_first img{
    object-fit: scale-down;
    width: 100%;
    height:100%;
    transform: scale(1.5);
}

.child_second {
    margin-top: 2vh;
    padding: 0 5vw;
    text-align: center;
}
.child_second a{
    margin-bottom: 1vh;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 7vh;
    font-size: 5.6vw;
    background: #FFBF2D;
    color: #fff;
    line-height: 7vh;
    border-radius: 10px;

}

.child_third {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vh;
    border-top: 1px solid #737068;
}
.child_third li{
    list-style: none;
    top:-2vh;
    letter-spacing: 1vw;
    background: #fff;
    display:inline-block;
    margin: 0 6vw;
    font-size: 5vw;
    color:#737068;
    position:relative;
    z-index:2;
}
.child_third span{
    font-size: 5vw;
    display: inline-block;
}

.allpage_add{
    width: 100%;
    background: #fff;
    position: fixed;
    height: 8vh;
    bottom: 0;
    text-align: center;
    box-shadow: 0px  1px  5px  0px  #bdbbb8  inset;
}
.allpage_add p{
    background: #bdbbb8;
    height: 0.2vh;
    width: 90%;
    margin-right: 5vw;
    margin-left: 5vw;
    margin-top: 4vh;
    bottom: 5vh;
}
.allpage_add i{
    font-size: 10vw;
    text-align: center;
    color: #FFBF2D;
    
}
.allpage_add a{
    display: inline-block;
    width: 15vw;
    height: 8vh;
    background: #fff;
    position: relative;
    bottom: 6vh;
}

.alladd_button{
    position: fixed;
    /* margin-top: 6vh; */
    left: 5vw;
    width: 90vw;
    height: 9vh;
    /* background: rgba(224,223,223,0.2); */
    background: rgba(255,255,255,0.1);
    border: 1px solid #FFBF2D;
    border-radius: 5px;
    color: #FFBF2D;
    font-size: 7vw;
    /* font-weight: bold; */
}
/* 云相册*/
.cpicture{
    background: #fff;
}
.cpicture_inner{
    margin-top: 10vh;
    text-align: center;
    padding-bottom: 10vh;
}
.cpicture_block{
    margin: 1.5vh auto;
    display: inline-block;
    width: 90vw;
    height: 40vh;
    /* background: #FFBF2D; */
    border:1px solid #ccc;
}
.cpicture_block i{
    font-size: 8vw;

}
#delcpicture{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#delcpicture div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
#cpictureagain{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#cpictureagain div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
/* 创建相册 */
.ccpicture_inner{
    margin-top: 15vh;
    text-align: center;
    padding-bottom: 10vh;
}
.ccpicture_name{
    width: 80%;
    margin: 0 auto;
    font-size: 6.5vw;
}
.ccpicture_name input{
    height: 7vh;
    width: 58%;
    font-size: 5.2vw;
    border:1px solid #bdbbb8;
}
.ccpicture_name input::placeholder{
    padding-left: 3vw;
    height: 7vh;
    border:none;
    width: 58%;
    font-size: 5.2vw;
}
.ccpicture_inner button{
    margin-top: 20vh;
}
#ccpicturewarn{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:23vh;
    width: 90%;
    height: 35vh;
    z-index: 100;
    margin-left: 5vw;
}
#ccpicturewarn div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
/* 具体相册 */
.scpicture{
    background: #fff;
}
.scpicture_inner{
    width: 90vw;
    margin: 0 auto;
    margin-top: 10vh;
    padding-bottom: 10vh;
}
.scpicture_block{
    float: left;
    width: 28vw;
    height: 30vw;
    margin-top: 2vw;
    margin-left: 1vw;
    margin-right: 1vw;
}
.scpicture_block input{
    display: none;
    position: relative;
    top: -1vh;
    left: -1vw;
    width: 5vw;
    height: 5vw;
}
#delpictureswarn{
    display: none;
    position: fixed;
    width: 90vw;
    left: 5vw;
    height: 10vh;
    bottom: 10vh;
}
#delpictureswarn button{
    width: 40vw;
    height: 8vh;
    margin: 1vh 2vw;
    background: rgb(255,255,255,0.8);
    border: 1px solid #FFBF2D;
    color: #FFBF2D;
    font-size: 6vw;
}
#delpicsconfirm{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#delpicsconfirm div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
#picsconfirmagain{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#picsconfirmagain div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}

/* 添加照片 */
.addpictures{
    background: #fff;
}
.addpictures_inner{
    width: 90vw;
    display: flex;
    margin:0 auto;
    background: #fff;
    padding-bottom: 5vh;
}
.addpictures_block{
    margin-top: 5vh;
    position: relative;
    top: 22vh;
    padding-bottom: 20vh;
}
#addcpictureswarn{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:23vh;
    width: 90%;
    height: 35vh;
    z-index: 100;
    margin-left: 5vw;
}
#addcpictureswarn div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
/* 语音记事 */
.csound{
    background: #fff;
    text-align: center;
}
.csound_inner{
    width: 100%;
    margin-top: 10vh;
    min-height: 100vh;
    padding-bottom: 10vh;
}
.csound_block{
    width:80vw;
    height:18vh;
    margin-top:2vh;
    margin-bottom:2vh;
    padding-top:2vh;
    margin: 2vh auto;
    border:1px solid #FFBF2D;
    border-radius:10px;
}
.csound_block li{
    list-style: none;
    text-align: left;
    margin-left: 10vw;
    font-size: 4vw;
    margin-top: 1.5vw;
}
.csound_block i{
    float: right;
    font-size: 8vw;
    color: #bdbbb8;
    margin-right: 4vw;
}
.csound_block p{
    font-size: 3.5vw;
    float: right;
    margin-right: 4vw;
    margin-top: 1.5vh;
}
#delcsound{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#delcsound div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
#csoundagain{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#csoundagain div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
/* 上传语音 */
.ccsound_inner{
    text-align: center;
    height: 20vh;
    margin-top: 8vh;
}
.ccsound_inner div{
    text-align: center;
    padding:5vh 5vw ;
}
.ccsound_inner span{
    display: inline-block;
    margin: 3vh 5vw;
}
.ccsound_inner p{
    display: inline;
}
#voice{
    width: 80%;
    padding: 0;
    margin: 0;
}
.ccsound_name{
    margin-top:6vh;
    list-style:none;
    height:5vh;
    line-height:5vh;
}
.ccsound_name input{
    border:1px solid #bdbbb8;
    width:35vw;
    height:5vh;
}
.ccsound_inner button{
    margin-top:45vh;
}
#ccsoundwarn{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:23vh;
    width: 90%;
    height: 35vh;
    z-index: 100;
    margin-left: 5vw;
}
#ccsoundwarn div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}


/* 成长记录 */
.cgrowup_inner{
    min-height: 80vh;
    margin-top: 2vw;
    box-shadow: 0px  1px  5px  0px  #bdbbb8  inset;
    padding: 3vh 5vw;
    text-align: center;
    margin-bottom: 15vh;
}
.cgrowup_block li{
    list-style: none;
    text-align: left;
    margin-left: 10vw;
    font-size: 5vw;
    margin-top: 1.5vw;
}
.cgrowup_block i{
    float: right;
    font-size: 8vw;
    color: #bdbbb8;
    margin-right: 4vw;
}
#delwarn{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#delwarn div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 50%;
    color: rgb(148, 145, 145);
}
#warnagain{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#warnagain div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 50%;
    color: rgb(148, 145, 145);
}
.cgrowup_block span{
    color: #FFBF2D;
    font-size: 5.5vw;
}
.cgrowup_block p{
    font-size: 3.5vw;
    float: right;
    margin-right: 4vw;
    margin-top: 0.5vh;
}
.cgrowup_add{
    width: 100%;
    background: #fff;
    position: fixed;
    height: 8vh;
    bottom: 0;
    text-align: center;
    padding: 0 5vw;
    box-shadow: 0px  1px  5px  0px  #bdbbb8  inset;
}
.cgrowup_add p{
    background: #bdbbb8;
    height: 0.2vh;
    width: 100%;
    margin-top: 4vh;
    bottom: 5vh;
}
.cgrowup_add i{
    font-size: 10vw;
    text-align: center;
    color: #FFBF2D;
    
}
.cgrowup_add a{
    display: inline-block;
    width: 15vw;
    height: 8vh;
    background: #fff;
    position: relative;
    bottom: 6vh;
}
/* 创建成长记录 */
.ccgrow_inner{
    position: fixed;
    left: 10vw;
    margin-top: 15vh;
    padding: 2vw 5vw;
}
.ccgrow_inner div{
    /* background: chartreuse; */
    padding: 2vh 0;
    width: 100%;
    text-align: center;
    height: 10vh;
}
.ccgrow_inner span{
    padding: 0;
    width: 37vw;
    margin-right: 2vw;
    font-size: 5.7vw;
    display: inline-block;
}
.ccgrow_inner input{
    border:1px solid #bdbbb8;
    padding-left: 4vw;
    width: 30vw;
    height: 7vh;
}
.ccgrow_inner input::placeholder{
    padding-left: 4vw;
    font-size: 5vw;
}

#addwarn{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    left: 5vw;
    width: 90%;
    height: 35vh;
    z-index: 100;
    margin: 0;
}
#addwarn div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}

/* 大事记 */
.cevent{
    background: #fff;

}
.cevent_inner{
    margin-top: 10vh;
    padding-bottom: 10vh;
}
.cevent_block{
    font-size: 6vw;
    color: #FFBF2D;
    height: 20vh;
    position: relative;
    padding: 2vw;
    margin:1vw;
    border:1px solid #FFBF2D;
    border-radius: 2vw;
    
}
/* .cevent_block p{
    position: relative;
    left: -5vw;
    height: 5vh;
    width: 100%;
    margin: 0;
}
.cevent_block div{
    width: 100%;
    height: 35vh;
} */
/* 展示大事记 */
.showevent{
    background: #fff;

}
.showevent_inner{
    margin-top: 12vh;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10vh;
    
}
.showevent_inner p{
    width: 100%;
    font-size: 7vw;
    font-weight: bold;
}
.showevent_inner span{
    font-size: 6vw;
    font-weight: lighter;
}
.showevent_block {
    text-align: center;
}
.showevent_block img{
    display: inline-block;
    width: 80vw;
    margin: 1vh auto;
}
/* 添加大事记 */
.ccevent{
    background: #fff;
}
.ccevent_inner{
    margin-top: 13vh;
    width: 100vw;
    
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 6vw;
}
.ccevent_block{
    padding-bottom: 16vh;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-top: 10vh;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    height: 20vh;
}
.ccevent_block div{
    /* float: left; */
    display: inline-block;
    width: 28vw;
    height: 30vw;
    margin-top: 2vw;
    margin-left: 1vw;
    margin-right: 1vw;
}
#cceventwarn{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:23vh;
    width: 90%;
    height: 35vh;
    z-index: 100;
    margin-left: 5vw;
}
#cceventwarn div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
/* 日记 */
.cdairy{
    background: #fff;
}
.cdairy_inner{
    width: 90vw;
    left: 5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12vh;
    padding-bottom: 10vh;
}
.cdairy_block{
    /* background: #ccc; */
    width: 80vw;
    padding: 1vh 5vw;
    margin: 1vh auto;
    
}
.cdairy_block p{
    /* background: #ccc; */
    overflow: hidden;
    font-size: 5vw;
    line-height: 4.5vh;
    letter-spacing: 0.5vw;
    
    
}
.cdairy_imgblock{
    height: 18vh;
    overflow: hidden;
}
.cdairy_imgblock div{
    display: inline-block;
    width: 25.5vw;
    height: 15vh;
    margin: 1vh 0.5vw;
    
}
.cdairy_block i{
    font-size: 10vw;
    color: #FFBF2D;
    margin-right: 6vw;
}
#delcdiary{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#delcdiary div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}
#cdiaryagain{
    display: none;
    text-align: center;
    border-radius: 20px;
    background:rgba(255,191,45,0.4);
    position: fixed;
    top:28vh;
    width: 80%;
    height: 30vh;
    z-index: 100;
    margin-left: 10vw;
}
#cdiaryagain div{
    text-align: center;
    padding:4vh 5vw;
    margin-top:10%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    font-size: 6.5vw;
    width: 70%;
    height: 30%;
    color: rgb(148, 145, 145);
}

/* 写日记 */
.ccdairy{
    background: #fff;
}
.ccdairy_inner{
    width: 90vw;
    text-align: center;
    /* background: #FFBF2D; */
    left: 5vw;
    font-size: 5vw;
    position: fixed;
    margin-top: 10vh;
    color: #000;
}
.ccdairy_inner textarea{
    padding: 2vh 3vw;
    
}
.ccdairy_inner textarea::placeholder{
    padding: 1vh 2vw;
    color: #000;
    
}
.ccdairy_inner p{
    padding-left: 5vw;
    text-align: left;
}
.ccdairy_block{
    width: 90vw;
    left: 5vw;
    position: fixed;
    top: 54vh;
}
.ccdairy_block p{
    font-size: 5.5vw;
    margin-bottom: 1.5vh;
}
.ccdairy_pics{
    margin: 0 auto;
    background: rgba(211, 209, 113, 0.1);
    overflow-y:scroll;
    height: 25vh;
}
.ccdairy_pics div{
    display: inline-block;
    width: 28vw;
    height: 15vh;
    margin: 0.5vh 1vw;
}

#ccdairywarn{
    display: none;
    position: fixed;
    width: 80vw;
    height: 25vh;
    left: 10vw;
    background: rgba(255,191,45,0.6);
    top: 25vh;
    border-radius: 10px;
    text-align: center;
}
#ccdairywarn p{
    width: 70%;
    padding: 4vh 5vw;
    display: inline-block;
    margin-top: 3vh;
    height: 5vh;
    font-size: 6vw;
    background: #fff;
    color: #bdbbb8;
    margin-bottom: 0;
}
#ccdairywarn button{
    display:inline-block;
    width: 20vw;
    height: 5vh;
    margin-top: 2vh;
    border: none;
    background: #fff;
    color: #FFBF2D;
    font-size: 6vw;
    border-radius: 5px;
}
/* 展示日记 */
.showdairy{
    background: #fff;
}
.showdairy_inner{
    width: 90vw;
    left: 5vw;
    position: fixed;
    margin-top: 10vh;
}
.showdairy_inner p{
    padding:0 5vw;
    font-size: 5vw;
    line-height: 4vh;
    height: 30vh;
    letter-spacing: 0.5vw;
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    overflow-y:scroll
    
}
.showdairy_block img{
    display: block;
    margin: 1vh auto;
    width: 80vw;
}


/* 学业记录 */
.cstudy_inner{
    min-height: 80vh;
    margin-top: 2vw;
    box-shadow: 0px  1px  5px  0px  #bdbbb8  inset;
    padding: 3vh 5vw;
    text-align: center;
    margin-bottom: 15vh;
}
/* 添加学业记录 */
